.lmask {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  opacity: 0.4;
}

/* .lmask div{
  z-index: 99999;
  font-size: 50px;
  color: white;
  position: fixed;
  left: 50%;
  top: 50%;
} */


.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  /* 圆角 */
  box-shadow:
    0 -20px 0 1px #fff,
    /* 上, 1px 扩展 */
    20px 0px #fff,
    /* 右 */
    0 20px #fff,
    /* 下 */
    -20px 0 #fff,
    /* 左 */
    -15px -15px 0 .5px #fff,
    /* 左上, 0.5px扩展 */
    15px -15px 0 1.5px #fff,
    /* 右上, 1.5px扩展 */
    15px 15px #fff,
    /* 右下 */
    -15px 15px #fff;
    /* 左下 */
}

.roate {
  animation: roate 1s steps(8) infinite;
}

@keyframes roate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
